<template>

   <div class="website-container">

     <el-row>
        <logo></logo>
     </el-row>

     <div class="web-body">
       <el-row>

         <query-box></query-box>
       </el-row>
       <el-row>
            <menus></menus>
       </el-row>
       <el-row>

         <app-main></app-main>
       </el-row>
     </div>



   </div>


</template>

<script lang="ts" setup>


import AppMain from './components/AppMain.vue'
import Logo  from './components/Logo.vue'
import  QueryBox from './components/QueryBox.vue'
import Menus from './components/Menus.vue'

</script>

<style scoped>

.web-body{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

</style>